<!-- Django project-->
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html"  encoding="utf-8"/>
    <title type="text/css">
        Project Django
    </title>
    <link rel="stylesheet" href="{{ STATIC_URL }}style/style_content.css"> </link>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.min.js" ></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui.min.js" ></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/buttons.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/login.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
        });

    </script>
</head>
<body>
<!-- begin wrapper-->
<!--begin header-->
<div id="header">
    <div id="sub_header">

        <!--logo-->
        <a href="http://127.0.0.1:8000">
            <div id="logo">
            </div>
        </a>
        <!--end logo-->

        <!--begin main_unity-->

        <!-->

                  <!--begin main menu-->
        <div id="menu">

            <ul>
                <li>
                    <a href="http://127.0.0.1:8000/" id="thethao">
                        Thể Thao
                    </a>
                </li>
                <li>
                    <a href="http://127.0.0.1:8000/?pos=congnghe" id="congnghe">
                        Công Nghệ
                    </a>
                </li>
                <li>

                    <a href="http://127.0.0.1:8000/?pos=giaitri" id="giaitri">
                        Giải Trí
                    </a>
                </li>

                <li>
                    <a href="http://127.0.0.1:8000/?pos=tonghop" id="phapluat">
                        Tổng Hợp
                    </a>
                </li>
            </ul>
            <!--search box-->
            <search>
                <form action="/search/" method="post">{% csrf_token %}
                    <input style="border:1px solid #ccc;" name="keywords" id="keywords" type="text" size="40" placeholder="Search..." />
                    <input type="submit"class="submit_btn" value="">
                </form>
            </search>
            <!--end search box-->
        </div>
        <!--end main menu-->
        <div id="menu_unity">
            <ul>
                {% if not user.is_authenticated %}
                <div id="login_box">
                    <div id="login_box_content">
                        <form id="login_form" action="/login/?next={{ next|default:'/' }}" method="post">{% csrf_token %}
                            <h2 style="text-align:center;color:#fff;">Đăng nhập</h2>
                            <input type="text" placeholder="Tên đăng nhập..." name="username" id="username"/>
                            <input type="password" placeholder="Password" name="password" id="password"/>
                            <input type="submit" value="Đăng nhập"/>
                        </form>
                        <div id="cancel1">
                            <a href="#" class="can">Hủy bỏ</a>
                            <a href="#">Quên mật khẩu</a>
                        </div>
                    </div>
                    <!--
                </div>
                    <div id="regis_box">
                    <div id="regis_box_content">
                    <form id="regis_form" action="/register/" method="post">{% csrf_token %}
                        <h2 style="text-align:center;color:#fff;">Đăng kí tài khoản</h2>
                        <h5>Tên đăng nhập</h5>
                        <input type="text" placeholder="Tên đăng nhập bạn mong muốn của bạn"/>
                         <h5>Họ và tên</h5><input type="text" class="name1" placeholder="Nhập họ của bạn" />
                         <input type="text" class="name2" placeholder="Nhập tên đệm và tên" />
                        <h5>Email</h5><input type="text" placeholder="Email chính xác của bạn" />
                        <h5>Password</h5><input type="password" placeholder="Mật khẩu dùng để truy cập website" />
                        <h5>Nhập lại password</h5><input type="password" class="last"placeholder="Nhập lại mật khẩu trên" /> 							<input type="submit" value="Đăng kí"/>
                         <input type="reset" value="Nhập lại"/>

                     </form>
                    <div id="cancel2">
                        <a href="#" class="can">Hủy bỏ đăng kí</a>
                    </div>
                    </div>
                    -->
                </div>
                {% endif %}
                <li>
                    <select class="language">
                        <option>
                            Tiếng Việt
                        </option>
                        <option>
                            English
                        </option>

                    </select>
                </li>
                {% if user.is_authenticated %}

                <li>
                    <a href="/logout/?next={{ next|default:'/' }}">
                        Đăng xuất
                    </a>
                </li>
                <li>
                    Chào, <a href="/profile/" style="color: #0688ff; font-size: 15px" >{{user}}</a>
                </li>
                {% else %}
                <li>
                    <a href="/login/">
                        Đăng Nhập
                    </a>
                </li>
                <li>
                    <a href="/register/">
                        Đăng Kí
                    </a>
                </li>
                {% endif %}
            </ul>
        </div>

    </div>
</div>
    <div id="wrapper">
    {% block content %}

    {% endblock %}
        </div>
    <div id="footer">
        <div id="sub_footer">
            <ul>
                <li class="logo">
                    <img src="{{ STATIC_URL }}images/logo_footer.jpg"/>
                </li>
                <li class="copy">
                    <b>
                        © 2012 HCMUT<br>
                        All rights reserved
                    </b>
                </li>
                <li>

                </li>
                <li>

                </li>
                <li>
                </li>
                <li>
                    <h4><a href="#">Thông tin </a></h4>
                </li>
                <li>
                    <h4><a href="#"> Liên hệ</a></h4>
                </li>
                <li>
                    <h4><a href="#">Đặt làm trang chủ</a></h4>
                </li>
                <li>
                    <h4><a href="#">Tuyển dụng</a></h4>
                </li>
                <li>
                    <h4><a href="#">Trang chủ </a></h4>
                </li>
            </ul>
        </div>
        <!--end footer-->
    </div>
</body>
</html>